// webpack可以做什么：
// 1、webpack可以处理js之间的依赖关系
// 2、webpack能处理js的兼容问题 把浏览器不识别的高级语法 转为浏览器能识别的语法
import $ from 'jquery'
//样式
import './css/index.css'
import './css/index.less'
import './css/index.scss'
import 'bootstrap/dist/css/bootstrap.css'
//vue
import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)

//此部分使用vue
import app from './app.vue'
import myRouter from './router.js'

//mintui 全量引入
// import MintUI from 'mint-ui'
// import 'mint-ui/lib/style.css'
// Vue.use(MintUI)

//mintui 按需导入
import { Button} from 'mint-ui'
//注册组件
Vue.component(Button.name, Button)

//MUI
import './lib/mui/css/mui.css'

var vm = new Vue({
    el: '#app',
    data: {
        msg: '123'
    },
    methods: {},
    // components:{
    //     login
    // }

    //render会把el指定的容器中，所有的内容清空覆盖，所以不要把路由配置直接写到el控制的元素中
    render: c => {
        return c(app)
    }, 
    router: myRouter
})


//此部分用来测试babel
// class关键字是es6新语法 提供面向对象编程 类似java
class Person {
    // static关键字可以定义静态属性 直接通过类名访问
    static info = { name: 'tom', age: 20 }
}
var p1 = new Person();
console.log(Person.info);